![\"Gravity](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Blog-File-Upload.png\")
Gravity Forms makes it easy to create any type of form. From simple contact forms to more complex order and payment forms, the sky’s the limit. In some cases though, you might need to create a form that allows visitors to upload files on submission – don’t worry, Gravity Forms can help you with that too!<\/p>\n
<\/p>\n
Not only does Gravity Forms provide built-in functionality for uploading files, but we also integrate with Dropbox, enabling you to safely store, and easily manage and access, any files uploaded via your forms.<\/p>\n
In this article, we’ll discuss features of both the file upload field and Dropbox Add-On, as well as share a number of use cases for accepting files through your forms. Then we’ll finish off with a quick walk-through of how to get started with this useful add-on. Let’s jump in…<\/p>\n
With the Gravity Forms File Upload feature, you can accept file submissions through your forms, making it quick and easy to collect the information that you need.<\/p>\n
By including the File Upload field on a form, you can allow people to submit:<\/p>\n
The Gravity Forms File Upload field also allows multi-file uploads, letting users upload more than one file.<\/p>\n
For more information on the File Upload field, check out this article – How to\u2026 Accept File Submissions via a Form<\/a>.<\/p>\n The File Upload field can be used in a variety of situations. For example, if you accept guest posts or content submissions on your blog, you can use the form File Upload field so contributors can upload images and even articles if you wish.<\/p>\n Another example of why you might need this feature is if you\u2019re hiring people through your site. Add the form File Upload field to your form so applicants can submit their resumes along with their applications.<\/p>\n Or, maybe you\u2019re a designer or developer. In that case, you can use the form File Upload field to have clients submit their project briefs, signed contracts, or any other material you\u2019ll need for the project.<\/p>\n A few other use cases include:<\/p>\n In other words, whenever you need your website visitors, blog readers, or clients and customers to submit any type of document, you can use the File Upload field on your form.<\/p>\n But, once people are submitting files through your forms, you\u2019ll need a place to store them. That\u2019s where Dropbox comes in!<\/p>\n Dropbox<\/a> is an online file storage platform. Once you sign up for Dropbox, it will create a folder on your computer. Everything you upload to that folder will be synced to Dropbox so you can access it anywhere online.<\/p>\n Dropbox can be used as a backup for your files so you never have to worry about losing them if something happens to your computer. Dropbox can also be used to share files easily with others so you don\u2019t have to send them through email.<\/p>\n Importantly, with Dropbox you can easily manage and access any files that have been uploaded, while keeping the data stored in a safe and secure solution.<\/p>\n You can specify where the file uploads should go using either a specific location in your Dropbox account or dynamically based on the form submission. In addition to that, you can use conditional logic<\/a> to only send file uploads to Dropbox if certain conditions have been met.<\/p>\n To find out more about the Dropbox Add-On, check out the Gravity Forms Documentation<\/a>.<\/p>\n Let\u2019s now take a look at how you can get started with Dropbox and Gravity Forms using the Dropbox Add-On…<\/p>\n The first thing you should do is install Gravity Forms on your site, if you don\u2019t already have the plugin installed. To do this, purchase the Pro or Elite license<\/a> and then download plugin.<\/p>\n Log in to your WordPress dashboard. Go to Plugins > Add New > Upload<\/strong>. Locate the plugin zip file on your computer and then click the Install > Activate<\/strong> button. Once the plugin is installed, follow the instructions to register the plugin with Gravity Forms.<\/p>\n Next, go to Forms > Add-Ons<\/strong>. Within the Gravity Forms Add-On Browser, scroll down and locate the Dropbox Add-On<\/strong>. Click on Install > Activate<\/strong>.<\/p>\n By default, Gravity Forms will create a folder where all the file uploads will be stored. If you want to use a different location, you\u2019ll need to set up a custom Dropbox app<\/a>.<\/p>\n The Dropbox Add-On can be synced with any new or existing form. Simply select the form you want to sync with Dropbox,\u00a0create a new form<\/a> within the form builder, or import any of our free, fully customizable form templates<\/a>.<\/p>\n To accept file uploads via your chosen form, your will need to include the File Upload field. So the next step is to add a file upload field to your form.<\/p>\n To access it, expand the Advanced Fields<\/strong> section and drag the File Upload Field<\/strong> to your form. You can then configure the field\u2019s settings.<\/p>\n For more information on the File Upload Field, check out this documentation<\/a>.<\/p>\n The last step is to create a Dropbox feed for the form to sync the form with your Dropbox account. Go to the form’s settings and click on the Dropbox<\/strong> tab.<\/p>\n Press the Add New<\/strong> button to set up a new feed, give it a name, and select the specific File Upload<\/strong> field that you want to be uploaded to Dropbox from the dropdown menu.<\/p>\n You can then add the form to any page<\/a> on your website using the Gravity Forms block in the Gutenberg editor.<\/p>\n As mentioned earlier, if you want to change the location where the file uploads are stored, you\u2019ll need to create a custom Dropbox App. This will require you to have an SSL installed and active on your site.<\/p>\n To get started, visit the Dropbox App Console<\/a>. Click the Create app<\/strong> button and select Scoped Access<\/strong> under the Choose API<\/strong> section. In the next step, select Full Dropbox<\/strong> and then enter the name for your custom app.<\/p>\n If you have a linked personal and a business account, you\u2019ll need to select which account you want to own the app. Choose the correct account, sign in, and then click the Create app<\/strong> button.<\/p>\n Next, add the OAuth Redirect URI<\/strong> that was provided in the add-on settings page to your Dropbox app settings under the OAuth2 Redirect URIs section. Keep in mind that if you want to use the Dropbox Upload Field, you\u2019ll also need to enter your domain under the Chooser \/ Saver \/ Embedder<\/strong> domains and then click Add<\/strong>.<\/p>\n Sending form file uploads to Dropbox is easy with Gravity Forms and our Dropbox Add-On. If you want to learn more about how this integration works, the following resources will be helpful:<\/p>\n Still don\u2019t have Gravity Forms<\/a>? No worries! Simply sign up for a free personalized demo<\/a> of Gravity Forms and explore all the features that make our plugin a must have for WordPress website owners.<\/p>\n Try creating a form from scratch with our intuitive, drag and drop form builder and check out the many Gravity Forms Add-Ons to see how you can extend your forms even more.<\/p>\n Have any questions about Gravity Forms<\/a> or the Dropbox Add-On<\/a>? Share them in the comments below, we can\u2019t wait to hear from you!<\/em><\/p>\n If you want to keep up-to-date with what’s happening on the blog sign up for the Gravity Forms newsletter!<\/strong><\/p>\nWhen Might You Use the File Upload Field?<\/h2>\n
\n
Dropbox: An Intro<\/h2>\n
The Gravity Forms Dropbox Add-On<\/h2>\n
![\"Dropbox](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Dropbox-Add-On.jpg\")
The Gravity Forms Dropbox Add-On<\/a> allows you to connect your Gravity Forms installation with your Dropbox account. Once you\u2019ve enabled the integration, file uploads will be stored in your Dropbox folder. You can also use the integration to allow users to upload the files from their own Dropbox account<\/a>.<\/p>\nNote:<\/strong> The Gravity Forms Dropbox Add-On is available with our Elite and Pro licenses. For more information on the features and other add-ons available on these plans, check out our Pro License Plan<\/a> and Elite License Plan<\/a> pages.<\/div>\nHow to Send Form File Uploads to Dropbox<\/h2>\n
Step 1: Install Gravity Forms<\/strong><\/h3>\n
![\"Install](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Install-Gravity-Forms.jpg\")
For more information on how to get started with our plugin, check out this video tutorial –\u00a0\u00a0How to Install Gravity Forms on Your WordPress Website<\/a>.<\/p>\nStep 2: Install the Dropbox Add-On<\/strong><\/h3>\n
![\"Dropbox](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Dropbox-Add-On-1.jpg\")
Next, go to Forms > Settings > Dropbox<\/strong>. Click the blue Connect to Dropbox<\/strong> button – you\u2019ll then be asked to log in to your Dropbox account and connect it with Gravity Forms.<\/p>\nStep 3: Add a File Upload Field to Your Form<\/strong><\/h3>\n
![\"File](\"https:\/\/s7641.pcdn.co\/wp-content\/uploads\/2020\/09\/File-Upload-Field-1.png\")
For example, you can limit the file size as well as specify file types that can be uploaded through the form. You can also allow multi-file uploads.<\/p>\nStep 4: Create Dropbox Feed<\/strong><\/h3>\n
![\"Configuring-Dropbox-feed\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Configuring-Dropbox-feed-1.jpg\")
You can also select the folder where the files will be uploaded and enable conditions if you want to only upload files when those conditions are met. When you\u2019re done click Save Settings<\/strong>.<\/p>\nCreating a Custom Dropbox App<\/h2>\n
![\"Creating-dropbox-app\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Creating-dropbox-app-1.jpg\")
You\u2019ll then be redirected to the control panel for your app where you need to copy the App key and App secret.<\/p>\n![\"Setting-up-dropbox-app\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Setting-up-dropbox-app-1.jpg\")
Once you have entered all the information above, click on the Permissions<\/strong> tab. On this tab, you will need to select the files.content.write<\/strong> and files.content.read<\/strong> permissions. This will allow Gravity Forms to read your Dropbox user directories and to upload files to those directories when a form is submitted. Click the Submit<\/strong> button at the bottom of the page for the new Permissions to take effect.<\/p>\n![\"Enabling-permissions-for-Dropbox-app\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Enabling-permissions-for-Dropbox-app-1.jpg\")
Now it\u2019s time to configure the Dropbox Add-On. Go to Forms > Settings > Dropbox<\/strong> and click I want to use the custom Dropbox app<\/strong>. You\u2019ll then need to paste in your Key and Secret you copied earlier. Click the Click here to connect to Dropbox<\/strong> button.<\/p>\n![\"Connecting-Dropbox-addon\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/Connecting-Dropbox-addon-1.jpg\")
You\u2019ll then be able to select the folder where you want to save the file uploads whenever someone submits the form.<\/p>\nReady To Store Form File Uploads In Dropbox?<\/h2>\n
\n
\n![\"Gravity](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/06\/Gravity-Forms-Newsletter-1.png\")
<\/p>\n